<template>
  <div class="app">
    <greenBox></greenBox>
    <redBox></redBox>
  </div>
</template>

<script>
import greenBox from '@/components/greenBox.vue'
import redBox from '@/components/redBox.vue'

export default {
  name: 'App',
  components: {
    greenBox,
    redBox
  }
}
</script>

<style lang="less">
.app {
  display: flex;
  height: 100px;
}
</style>
